<!doctype html>
<style>
   /*选中div中第一个出现的p标签的元素 
   p:first-of-type{COLOR:RED}*/
   
   /*选中div中组后一个出现的p标签的元素
   p:last-of-type{color:green}*/
   
   /*选中div中指定位置的p标签
   p:nth-of-type(3){color:purple}
   p:nth-of-type(even){background:pink}
   p:nth-of-type(3n+2){font-style:italic}*/
   
   /*选中div中唯一一个P元素(不要求必须为唯一子元素)*/
   p:only-of-type{color:red}
</style>
<div>
    <b>用于测试的文字内容</b>
    <p>用于测试的文字内容</p>
    <p>用于测试的文字内容</p>
    <p>用于测试的文字内容</p>
    <p>用于测试的文字内容</p>
    <p>用于测试的文字内容</p>
    <p>用于测试的文字内容</p>
    <p>用于测试的文字内容</p>
    <b>用于测试的文字内容</b>
</div>
<HR>
<div>
    <b>用于测试的文字内容</b>
    <b>用于测试的文字内容/b>
    <b>用于测试的文字内容</b>
    <b>用于测试的文字内容</b>
    <P>用于测试的文字内容</P>
</div>